/*custom  variables*/
// $--colors: (
//   'primary': ('base': red),
//   'success': ('base': #21ba45),
//   'warning': ('base': #f2711c),
//   'danger': ('base': #db2828),
//   'error': ('base': #db2828),
//   'info': ('base': #42b8dd)
// );

//@forward "./var.scss" with (
//  $colors: $--colors
//);

/*import dark theme 起作用*/
// @use "./css-vars.scss";
@use "./element-plus/button";
@use "./element-plus/table";

html.base-theme {
  --el-color-primary: #304f9c;
  // --el-color-primary: #304f9c;
  // --el-button-size: 44px;
  // --el-button-hover-bg-color: #2a53bb;
  --el-button-hover-border-color: #2a53bb;
  // --el-input-inner-height: 44px;
  /*element-plus section */
  --el-menu-active-color: #fff;
  --el-menu-text-color: #b5b5b5;
  --el-menu-hover-text-color: var(--el-color-primary);
  --el-menu-bg-color: #00152a;
  --el-menu-sub-bg-color: #000c18;
  // --el-menu-hover-bg-color: #304f9c;
  --el-menu-item-height: 56px;
  --el-menu-border-color: none;
  /*layout section*/
  //layout
  --layout-border-left-color: #ddd;
  //Breadcrumb
  --breadcrumb-no-redirect: #97a8be;
  --breadcrumb-width: 40px;
  --breadcrumb-height: 40px;
  --breadcrumb-bg-color: #fff;
  //Hamburger
  --hamburger-color: #ffffff;
  --hamburger-width: 20px;
  --hamburger-height: 20px;
  //Sidebar
  --sidebar-el-icon-size: 20px;
  --sidebar-logo-background: #00152a;
  --sidebar-logo-color: #ff9901;
  --sidebar-logo-width: 32px;
  --sidebar-logo-height: 32px;
  --sidebar-logo-title-color: #fff;
  --side-bar-width: 212px;
  --side-bar-border-right-color: '#ddd';
  //TagsView
  --tags-view-background: #fff;
  --tags-view-border-bottom: #d8dce5;
  --tags-view-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
  --tags-view-item-background: #fff;
  --tags-view-item-border-color: #d8dce5;
  --tags-view-item-color: #495060;
  --tag-view-height: 32px;
  --tags-view-item-active-background: #304f9c;
  --tags-view-item-active-color: #fff;
  --tags-view-item-active-border-color: #304f9c;
  --tags-view-contextmenu-background: #fff;
  --tags-view-contextmenu-color: #333;
  --tags-view-contextmenu-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
  --tags-view-contextmenu-hover-background: #eee;
  //close-icon
  --tags-view-close-icon-hover-background: #b4bccc;
  --tags-view-close-icon-hover-color: #fff;
  //AppMain.vue
  --app-main-padding: 10px;
  --app-main-background: #f7f7f7;
  //Navbar.vue
  --nav-bar-height: 50px;

  --nav-bar-background: #00152a;
  --nav-bar-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  --nav-bar-right-menu-background: #00152a;
}
